﻿@import url("../default/flatstyle.css");

/* common theme */
.mini-widget-content,
body, .mini-popup, .mini-toolbar, .separator, .mini-panel-border, .mini-pager,
.mini-panel-toolbar, .mini-panel-footer, .mini-panel-viewport, .mini-window .mini-panel-footer,
.mini-outlookbar-border, .mini-outlookbar .mini-outlookbar-group, .mini-outlookbar .mini-outlookbar-groupBody, .mini-outlookbar-view2 .mini-outlookbar-groupBody, mini-outlookbar-view3 .mini-outlookbar-group,
.mini-splitter-border, .mini-splitter .mini-splitter-pane1, .mini-splitter .mini-splitter-pane2,
.mini-layout-border, .mini-layout-region,
.mini-menu, .mini-menu-border, .mini-menu-horizontal .mini-menu-border
.mini-grid-border, .mini-grid-footer, .mini-grid-pager, .mini-grid-filterRow, .mini-grid-groupCell, .mini-grid-summaryCell,
.mini-listbox-border,
.mini-progressbar-border,
.mini-calendar, .mini-calendar-footer, .mini-calendar-menu,
.mini-tabs-bodys, .mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2, .mini-tabs .mini-tab-active,
.mini-textbox-border,
.mini-buttonedit-border,
.mini-textboxlist-border, .mini-tooltip-inner,
body .mini-pager-num {
    border-color: #ccc;
    background: #fff;
    color: #444
}

.mini-widget-header,
.app-header, .app-toolbar, .bg-toolbar,
.mini-panel-header,
.mini-window .mini-panel-header,
.mini-outlookbar .mini-outlookbar-groupHeader, .mini-outlookbar-expand .mini-outlookbar-groupHeader, .mini-outlookbar-view2 .mini-outlookbar-groupHeader,
.mini-layout-region-header, .mini-layout-proxy,
.mini-calendar-header,
.mini-tabs-scrollCt,
.mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2 {
    border-color: #ebcd74;
    background: #f3dea2;
    color: #444;
}

.mini-state-default,
.mini-button,
.mini-grid-header, .mini-grid-column-trigger, .mini-grid-headerCell, .mini-grid-topRightCell, .mini-grid-columnproxy,
.mini-listbox-header, .mini-listbox-header td,
.mini-progressbar-bar,
.mini-calendar-tadayButton, .mini-calendar-clearButton, .mini-calendar-okButton, .mini-calendar-cancelButton,
.mini-tabs-leftButton, .mini-tabs-rightButton, .mini-tabs-tabmenu,
.mini-tab,
.mini-textboxlist .mini-textboxlist-item,
.mini-htmlfile .mini-buttonedit-button {
    border-color: #ccc;
    background: #f3dea2;
    color: #444;
}

.mini-state-hover, .mini-state-focus,
body a:hover.mini-button,
body a:focus.mini-button,
body .mini-button-pressed, body a:hover.mini-button-pressed,
body a.mini-button-popup, body a:hover.mini-button-popup,
.mini-outlookbar .mini-outlookbar-hover,
.mini-layout-proxy-hover,
.mini-menuitem-hover, .mini-menu-popup, .mini-menuitem-selected,
html body .mini-grid-row-hover,
.mini-listbox-item-hover td,
.mini-calendar-tadayButton:hover, .mini-calendar-clearButton:hover, .mini-calendar-okButton:hover, .mini-calendar-cancelButton:hover,
a:hover.mini-calendar-menu-month, a:hover.mini-calendar-menu-year, .mini-calendar-date:hover,
a:hover.mini-tabs-leftButton, a:hover.mini-tabs-rightButton, a:hover.mini-tabs-tabmenu,
.mini-tab-hover, span.mini-tab-close-hover,
.mini-tree-node-hover .mini-tree-nodeshow,
.mini-textbox-focus .mini-textbox-border,
.mini-buttonedit-focus .mini-buttonedit-border,
.mini-textboxlist-focus .mini-textboxlist-border,
.mini-textboxlist .mini-textboxlist-item:hover,
.mini-htmlfile .mini-buttonedit-button:hover, .mini-pager-num:focus {
    border-color: #ebcd74;
    background: #f6ebc9;
    color: #000;
}

.mini-state-active,
body .mini-button-checked, body a:hover.mini-button-checked, body a:focus.mini-button-checked,
html body .mini-grid-row-selected,
.mini-listbox-item-selected td,
.mini-calendar .mini-calendar-selected, .mini-calendar-menu-selected,
.mini-tree-selectedNode .mini-tree-nodeshow {
    border-color: #ebcd74;
    background: #ebcd74;
    color: #000;
}

.mini-state-highlight,
.mini-calendar .mini-calendar-today {
    border-color: #f9dd34;
    background: #fffadd;
    color: #363636;
}

.mini-state-error,
body .mini-error .mini-textbox-border,
body .mini-error .mini-buttonedit-border,
body .mini-error .mini-textboxlist-border {
    border-color: #ffa8a8;
    background-color: #fff8f8;
    color: #000;
}

.mini-state-disabled, .mini-button-disabled {
    opacity: .5 !important;
    filter: alpha(opacity=50) !important;
    background-image: none !important;
}

.mini-icon, .mini-widget-content .mini-icon {
    color: #888
}

.mini-widget-header .mini-icon {
    color: #888
}

.mini-state-default .mini-icon {
    color: #888
}

.mini-state-hover .mini-icon, .mini-state-focus .mini-icon {
    color: #888
}

.mini-state-active .mini-icon {
    color: #888
}

.mini-state-highlight .mini-icon {
    color: #888
}

.mini-state-error .mini-icon, .mini-state-error-text .mini-icon {
    color: #ff6c6c
}

/* control theme */

fieldset {
    border-color: #ccc !important;
}

.mini-button, .mini-calendar-button {
    border-color: #f3dea2;
}

.mini-textbox-input,
.mini-buttonedit-input,
.mini-menuitem-text, .mini-menuitem-text a {
    color: #444;
}

.mini-menuitem-hover .mini-menuitem-text, .mini-menuitem-hover .mini-menuitem-text a,
.mini-menuitem-popup .mini-menuitem-text, .mini-menuitem-popup .mini-menuitem-text a,
.mini-menuitem-selected .mini-menuitem-text, .mini-menuitem-selected .mini-menuitem-text a {
    color: #000;
}

.mini-separator {
    border-color: #bab9bd;
}

.mini-grid-row-alt {
    background-color: #fcfcfc;
}

.mini-grid-cell, .mini-listbox-item td, .mini-grid-detailCell, .mini-grid-summaryCell {
    border-color: #e6e6e6;
}

html body .mini-grid .mini-grid-cell-selected {
    background: #f6ebc9;
}

.mini-grid-header-over, .mini-grid-column-trigger {
    background: #f6ebc9;
}

.mini-tabs-header-top .mini-tab-active {
    border-bottom-color: #fff;
}

.mini-tabs-header-bottom .mini-tab-active {
    border-top-color: #fff;
}

.mini-tabs-header-left .mini-tab-active {
    border-right-color: #fff;
}

.mini-tabs-header-right .mini-tab-active {
    border-left-color: #fff;
}

.mini-tree-selectedNode .mini-icon, .mini-tree-selectedNode a,
.mini-grid-row-selected .mini-grid-cell-inner > .mini-icon,
.mini-grid-row-selected .mini-grid-cell-inner > * > .mini-icon,
.mini-grid-cell-selected > .mini-icon,
.mini-grid-cell-selected > * > .mini-icon,
.mini-grid-row-selected .mini-tree-nodeshow > .mini-icon {
    color: rgb(68, 68, 68);
}

/* corner */
.mini-corner-all {
    /*border-radius:6px;*/
}


/* other theme */



